<template>
  <div>
    <div class="header">
      <span>蚂蚁借</span>
      <img src="@/assets/imgs/home_more.png" alt="" srcset="">
    </div>
    <div class="main">
      <router-view/>
    </div>
    <div class="footer">
      <span>审核额度视个人资质而定
        <br>Copyright ©2018 蚂蚁借
      </span>
    </div>
  </div>
</template>
<script>

export default {
  name: 'App'
}
</script>
<style lang="less">
    html,body{
        margin: 0;padding: 0;
        font-size: 12px;
    }
    *{
        box-sizing: border-box;
    }
    .header{
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        border-bottom: 1px solid #dcdcdc;
        font-size: 18px;
        color: #fe7327;
        position: fixed;
        width: 100%;
        background-color: white;
        z-index: 10;
        top: 0;
        img{
            height: 16px;
        }
    }
    .main{
        padding-top: 40px;
    }
    .footer {
        padding: 30px 0 13px 0;
        background-color: #ffffff;
        font-size: 12px;
        line-height: 1.5;
        color: #aaaaaa;
        text-align: center;
    }
</style>
